/* Slide menu */

.slider {
  position: fixed;
  width: 240px;
  top: 0;
  margin: 0;
  height: 100%;
  height: calc(100% + 60px);
  padding-bottom: 60px;
  background-color: #ffffff;
  z-index: 999;
  overflow-y: auto;
  transition: all .2s ease;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.slider,
.slider.slider--left {
  left: 0;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.slider.slider--right {
  left: auto;
  right: 0;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}
